<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- <div>欢迎你, xxx</div>
    <div>xxx, 你本月的工资是yyy</div> -->
    <!-- <DIV STYLE="color:red;">sss</DIV> -->

    <script>
      // 1) 什么是变量
      //   - 变量指的是在程序中保存数据的一个容器
      //   - 变量是计算机内存中存储数据的标识符(自定义的名称)，根据变量名称可以获取到内存中存储的数据
      //   - 也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他
      //   - 语法： `var 变量名 = 值`
      // var a = "张三";



      

      // 2) 定义变量及赋值
      // var : 定义变量的关键字, 告诉浏览器, 我要定义一个变量了
      // 空格 : 必须写, 区分 关键 和 变量名 的
      // 变量名 : 你自己起的一个名字
      // = : 赋值符号, 把右边的内容, 给到左边的变量
      // 值 : 你给你定义的变量赋的是什么值

      // var a = "张三";
      // var b = 100;
      // console.log(b);
      // b = 200;
      // console.log(a, b);

      // var c;
      // c = "hello js";
      // console.log(c);





      // 3) 注意事项
      // 1. 一个变量名只能存储一个值

      // 2. 当再次给一个变量赋值的时候，前面一次的值就没有了

      // 3. 变量名称区分大小写（JS 区分大小写）
      // var name = "tom";
      // var Name = "jerry";
      // console.log(name, Name);

      // 4. 变量存储的数据类型是松散型的，一个变量可以用来存储任意类型的数据
      // var a = 10;
      // a = "zhangsan";
      // a = true;

      // 5. 变量可以用逗号分开，同时定义多个
      // var a = 1, b = 2;
      // console.log(a, b);

      // 6. 用var定义的变量具有变量提升的特点
      // console.log(abc);
      // var abc = 123;
      // var abc;
      // console.log(abc);
      // abc = 123;

      // 7. 变量是存储在浏览器的内存中的
    </script>
  </body>
</html>
